body{
  background-color: #FFF;
  margin: 0;
}
body::-webkit-scrollbar{
  width: 0;
}

nav{
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  text-align: right;
  background-color:#11111114;
}

nav img{
  position: absolute;
  left: 04vw;
  top: 2vw;
  width: 14vw;

}

ul{
  margin: 0;
  padding-right: 6vw;
}

nav li{
  right: 0;
  display: inline-block;
}
nav li a{
  color: #fff;
    text-decoration: none;
    font-size: 1.3vw;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    /* font-family: ''; */
    /* font-style: italic; */
    display: block;
    padding: 2vw 2vw;
    transition: .5s;
}
nav li a:hover {
  background: #0000000d;
    color: #fff;
}

.face-a{
  position: absolute;
  top: 0;
  width: 100%;

  z-index: 0;
  text-align: right;
  background-color:red;
  }

  .face-a img{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    object-fit: cover;
    height: 33.9vw;
    object-position: 100% 23%;
   }

   .face-a .gra{
     position: absolute;
     opacity: 0.6;
     background-image: linear-gradient(128deg, #ff005a, #dd6600);
     width: 100%;
     height: 33.9vw;
     top: 0;
     left: 0;
     z-index: 1;
    }

    .homehiro{
      position: absolute;
     top: 10vw;
     /* left: 4vw; */
     place-items: center;
     width: 100%;
    }

    .homehiro h1{
      margin: 0;
    font-family: "Inter", sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 8vw;
    line-height: 5vw;
    }
    .homehiro p{
      margin: 0;
    font-family: "Inter", sans-serif;
    color: #fff;
    font-weight: 200;
    font-size: 3.5vw;
    line-height: 3.4vw;
    margin-top: 5vw;
    text-align: center;
    }
     b{
      font-weight: 600;
    }


   .set-a{
       position: absolute;
       top: 33.9vw;
       width: 100%;
       height: 20vw;
       background-color:#fff;
       place-items: center;
     }

     .set-a h1{
       /*margin: 0;*/
       color:#30006e;
       font-family: "Inter", sans-serif;
       text-align: center;
       font-size: 2vw;
       margin-top: 5vw;
     }

     .set-a p{
       /*margin: 0;*/
       color:#30006e;
       font-family: "Inter", sans-serif;
       text-align: left;
       font-size: 1.3vw;
       margin-top: 2vw;
       line-height: 1.5vw;
     }

   .set-b{
     position: absolute;
     top: 56.2vw;
     width: 100%;
     height: 190vw;
     background-color: #e7edfb;

   }

   .car-1{
     position: absolute;
     top: 5vw;
     width: 100%;
     height: 27vw;
     background-color: #fff;
   }
   .set-b img{
     position: absolute;
    right: 0;
    width: 50vw;
    height: 27vw;
    object-fit: cover;
    clip-path: polygon(26% 0, 100% 0%, 100% 100%, 0 100%);
   }

   .set-b h1{
     color:#3f3f3f;
     width: 35vw;
     font-family: "Inter", sans-serif;
     text-align: left;
     font-size: 2vw;
     margin-top: 5vw;
     margin-left: 2vw;
    }

    .set-b p{
      color:#3f3f3f;
      width: 44vw;
      font-family: "Inter", sans-serif;
      text-align: left;
      font-size: 1.5vw;
      margin-top: 0.5vw;
      margin-left: 2vw;
      line-height: 1.7vw;
     }

   .garpy{
    position: absolute;
    opacity: 0.65;
    right: 0;
    width: 50vw;
    height: 27vw;
    object-fit: cover;
    clip-path: polygon(26% 0, 100% 0%, 100% 100%, 0 100%);
    background-image: linear-gradient(128deg, #1100ff, #7e00dd);
   }

   .car-2{
     position: absolute;
     top: 35vw;
     width: 100%;
     height: 27vw;
     background-color: #fff;
   }
  .car-2 .garpy{
    background-image: linear-gradient(128deg, #ff005a, #dd6600);

  }

  .car-3{
    position: absolute;
    top: 65vw;
    width: 100%;
    height: 27vw;
    background-color: #fff;
  }

  .car-4{
    position: absolute;
    top: 95vw;
    width: 100%;
    height: 27vw;
    background-color: #fff;
  }

  .car-5{
    position: absolute;
    top: 125vw;
    width: 100%;
    height: 27vw;
    background-color: #fff;
  }

  .car-6{
    position: absolute;
    top: 155vw;
    width: 100%;
    height: 27vw;
    background-color: #fff;
  }


 .car-2 .garpy{
   background-image: linear-gradient(128deg, #ff005a, #dd6600);

 }

   #car-l img{
    left: 0;
    clip-path: polygon(0% 0, 100% 0%, 74% 100%, 0 100%);

   }

   #car-l .garpy{
     left: 0;
     clip-path: polygon(0% 0, 100% 0%, 74% 100%, 0 100%);
     background-image: linear-gradient(128deg, #ff005a, #dd6600);
   }

   #car-l h1{
     /*position: absolute; */
    right: 14vw;
    text-align: left;
    margin-left: 51vw;
    margin-top: 3vw;
      }


   #car-l p {
     /* position: absolute; */
 top: 8vw;
 right: 6vw;
 text-align: left;
 width: 43vw;
 margin-left: 51vw;
      }



















 .footi{
   position: absolute;
   top: 245vw;
   width: 100%;
   height: 45vw;
   background-image: linear-gradient(128deg, #ff006c, #ac7800);
   text-align: center;
   place-items : center;
 }
.footi img{
  margin: 4vw;
  width: 16vw;


}

.footi li a{
  color: #fff;
    text-decoration: none;
    font-size: 1.3vw;
    font-family: "Inter", sans-serif;
    font-weight: 200;
    /* font-family: ''; */
    /* font-style: italic; */

    padding: 2vw 2vw;
    transition: .5s;
    display: block;
}
.footi li {
  display: inline-block;
}
.footi ul{
  display: flex;
  padding-right: 3vw;
}

.soci{
  display: flex;
}

.soci IMG{
  width: 5VW;
  margin-left: 6vw;
  margin-right: 6vw;
  margin-bottom: 0;
  margin-top: 6vw;
}

.lin{
  position: absolute;
  top: 35vw;
  width: 90%;
  height: .1vw;
  background-color: #fff;

}

.footi p{
  position: absolute;
  top: 39vw;
 margin-left: 0.8vw;
 margin-top: 0;
 margin-bottom: 0;
 font-family: "Inter", sans-serif;
 color: #fff;
 font-size: 1.5vw;
 font-weight: 200;
}